<template>
    <div class="carousel"  v-loading="loading">
        <el-carousel :interval="3000" arrow="never" :height="dataHeight">
            <el-carousel-item v-for="(item,index) in imgList" :key="index">
                <img :src="item.imgUrl" alt="">
            </el-carousel-item>
        </el-carousel>
    </div>

</template>

<script>
import banner1 from '../../../assets/images/tou-biao-e-zhan/banner1.png';
import banner2 from '../../../assets/images/tou-biao-e-zhan/banner2.png';
import banner3 from '../../../assets/images/tou-biao-e-zhan/banner3.png';


export default {
    mixins:[],
    components: {
  

    },
    props: {
        dataHeight: {
            type: String,
            default: '459px'
        }
    
    },
    data: () => ({
        imgList:[
            {imgUrl:banner1},
            {imgUrl:banner2},
            {imgUrl:banner3},
        ],
        loading:false,
    }),
    watch: {

    },
    computed: {

    },
    methods: {

    },
    mounted () {
 
    },
}
</script>

<style lang="scss" scoped>
@import '@css/var.scss'; 
    .carousel{
        width: 100%;
        height: 100%;
        img{
            width: 100%;
            height: 100%;
        }
    }


    

</style>